<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8">
<title>欢迎成为一个开发者</title>
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/css/bootstrap.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/css/bootstrap-theme.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/css/templatemo-style.css">
<script
	src="${pageContext.request.contextPath }/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>
<body>
	<nav class="nav">
		<div class="burger">
			<div class="burger__patty"></div>
		</div>

		<ul class="nav__list">
			<li class="nav__item"><a href="#1" class="nav__link c-blue"><img
					src="${pageContext.request.contextPath }/images/developer/home-icon.png"
					alt=""></a></li>
			<li class="nav__item"><a href="#2"
				class="nav__link c-yellow scrolly"><img
					src="${pageContext.request.contextPath }/images/developer/about-icon.png"
					alt=""></a></li>
			<li class="nav__item"><a href="#3" class="nav__link c-red"><img
					src="${pageContext.request.contextPath }/images/developer/projects-icon.png"
					alt=""></a></li>
			<li class="nav__item"><a href="#4" class="nav__link c-green"><img
					src="${pageContext.request.contextPath }/images/developer/contact-icon.png"
					alt=""></a></li>
		</ul>
	</nav>


	<section class="panel b-blue" id="1">
		<article class="panel__wrapper">
			<div class="panel__content">
				<div class="container">
					<div class="row">
						<div class="col-md-8 col-md-offset-2">
							<div class="home-content">
								<div class="home-heading">
									<h1>
										<em>Sbeam</em> 独立游戏开发者
									</h1>
								</div>
								<div class="row">
									<div class="col-md-12">
										<div class="home-box-content">
											<div class="left-text">
												<h4>
													成为一名 <em>独立游戏</em>开发者
												</h4>
												<p>你想让你所开发的游戏给更多的人带来乐趣.也或许你想寻求一帮志同道合的伙伴支持你的工作.
													或者是想让你所开发的游戏给你带来利润.你都可以加入我们.</p>
												<div class="primary-button">
													<a href="#2">查看更多</a>
												</div>
											</div>
											<div class="right-image">
												<img
													src="${pageContext.request.contextPath }/images/developer/right-home-image.png"
													alt="">
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</article>
	</section>
	<section class="panel b-yellow" id="2">
		<article class="panel__wrapper">
			<div class="panel__content">
				<div class="container">
					<div class="row">
						<div class="col-md-8 col-md-offset-2">
							<div class="about-content">
								<div class="heading">
									<h4>关于开发者</h4>
								</div>
								<div class="row">
									<div class="col-md-12">
										<div class="about-box-content">
											<img
												src="${pageContext.request.contextPath }/images/developer/about-image.png"
												alt="">
										</div>
									</div>
									<div class="col-md-7 col-md-offset-5">
										<div class="about-box-text">
											<h4>关于开发者</h4>
											<p>
												你可以将你开发的游戏上传到我们的平台;<br>
												 平台上的其他用户可以对您进行各方面的支持;<br>
												 如果您的作品达到要求您可以申请在平台上售卖您的作品;
											</p>
											<div class="primary-button">
												<a href="#3">查看更多</a>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</article>
	</section>
	<section class="panel b-red" id="3">
		<article class="panel__wrapper">
			<div class="panel__content">
				<div class="container">
					<div class="row">
						<div class="col-md-8 col-md-offset-2">
							<div class="projects-content">
								<div class="heading">
									<h4>如何成为一个开发者</h4>
								</div>
								<div class="row">
									<div class="col-md-12">
										<div class="owl-carousel owl-theme projects-container">
											<div>
												<div class="project-item">
													<a
														href="${pageContext.request.contextPath }/images/developer/project-item-01.jpg"
														data-lightbox="image-1"><img
														src="${pageContext.request.contextPath }/images/developer/project-item-01.jpg"
														alt=""></a>
													<div class="text-content">
														<h4>注册会员</h4>
														<p>首先请您注册我们平台的账号,以便下一步进行.</p>
													</div>
												</div>
											</div>
											<div>
												<div class="project-item">
													<a
														href="${pageContext.request.contextPath }/images/developer/project-item-02.jpg"
														data-lightbox="image-1"><img
														src="${pageContext.request.contextPath }/images/developer/project-item-02.jpg"
														alt=""></a>
													<div class="text-content">
														<h4>填写个人信息</h4>
														<p>当你注册成为会员后你可以提交你的身份信息,以便我们审核.</p>
													</div>
												</div>
											</div>
											<div>
												<div class="project-item">
													<a
														href="${pageContext.request.contextPath }/images/developer/project-item-03.jpg"
														data-lightbox="image-1"><img
														src="${pageContext.request.contextPath }/images/developer/project-item-03.jpg"
														alt=""></a>
													<div class="text-content">
														<h4>等待审核</h4>
														<p>耐心的等待审核组完成审核您就可以成为本平台的一名开发者.</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</article>
	</section>
	<section class="panel b-green" id="4">
		<article class="panel__wrapper">
			<div class="panel__content">
				<div class="container">
					<div class="row">
						<div class="col-md-8 col-md-offset-2">
							<div class="contact-content">
								<div class="heading">
									<h4>加入开发者</h4>
								</div>
								<div class="row">
									<div class="col-md-8">
										<div class="contat-form">
											<form id="contact"  method="post">
												<fieldset>
													<input name="name" type="text" class="form-control"
														id="name" placeholder="您的姓名">
												</fieldset>
												<fieldset>
													<input name="email" type="email" class="form-control"
														id="email" placeholder="您的邮箱">
												</fieldset>
												<fieldset>
													<input name="phone" type="text" class="form-control"
														id="phone" placeholder="您的电话号码">
												</fieldset>
												<fieldset>
													<button type="button" id="form-submit" class="btn" onclick="subInf()">提交信息</button>
												</fieldset>
											</form>
										</div>
									</div>
									<div class="col-md-4">
										<div class="more-info">
											<p>
												请填写您的真实信息,<br>以便更好的通过审核.	
											</p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</article>
	</section>
	<script type="text/javascript">
		//提交信息
		function subInf(){
			var user='<%=session.getAttribute("login")%>';
			if(user=="null"){
				alert("请先登录");
				window.location.href=getContextPath()+"/index";
			}else{
				var name=$("#name").val();
				var email=$("#email").val();
				var phone=$("#phone").val();
				$.ajax({
					url:getContextPath()+"/user/registerDeveloper",
					type:"POST",
					data:{infName:name,infPhone:phone,infEmail:email},
					success:function(result){
						alert(result.inf);
					}
				});
				
			}
			
		}
	
	
	
	</script>
	
	
	
	
	
	
	
	
	
	
	
	
	

	<script
		src="${pageContext.request.contextPath }/js/vendor/jquery-1.11.2.min.js"></script>
	<script
		src="${pageContext.request.contextPath }/js/vendor/bootstrap.min.js"></script>
	<script src="${pageContext.request.contextPath }/js/plugins.js"></script>
	<script src="${pageContext.request.contextPath }/js/main.js"></script>
	<script src="${pageContext.request.contextPath }/js/functions.js"></script>



</body>
</html>